<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>

			* {
				padding: 0;
				margin: 0;
			}

			div {
				width: 100px;
				height: 100px;
				border: 2px solid black;
				margin-top: 50px;
				margin-left: 50px;
			}

			.red {
				background-color: red;
			}

			.orange {
				background-color: orange;
			}

			.yellow {
				background-color: yellow;
			}

			.green {
				background-color: green;
			}

			.blue {
				background-color: blue;
			}

			.cyan {
				background-color: cyan;
			}

			.purple {
				background-color: purple;
			}

		</style>
	</head>
	<body>

		<div class="red">
			<div class="orange">
				<div class="yellow">
					<div class="green">
						<div class="cyan">
							<div class="blue">
								<div class="purple"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>